<template>
	<view class="">
		<view class="topLevel pL25 pR25 flex jst-between alg-center pB20 relative z-index10">
			<view class="">
				<view class="font15">
					<text>我的等级：</text>
					<text class="bold">{{info?.level}}</text>
				</view>
				<view class="font30 mT5 bold">
					{{info?.branch}}
				</view>
			</view>
			<image class="imgLevel" src="/static/image/rank.png" mode=""></image>
		</view>
		<noData></noData>
		<view class="bgf radius30 pL15 pR15 pT15 mTf40  relative z-index20">
			<view class="font18">信誉等级</view>
			<view class="u-border-bottom">
				
				<view v-if="info.levelList" class="flex jst-between font15 line40" v-for="(item,i) in info.levelList" :key="i">
					<view>{{item.startScore}}-{{item.endScore}}</view>
					<view class="bold">{{item.levelText}}</view>
				</view>
			</view>
			<view class="mT15">
				<!-- <view class="font18">{{info?.article.title}}</view> -->
				<view class="font15">
					<u-parse :html="info?.article?.content"></u-parse>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {getLevel} from "@/api/userInterface/user.js"
	export default {
		data() {
			return {
				info:{}
			}
		},
		onShow() {
			this.getLevelOpt()
		},
		methods: {
			getLevelOpt(){
				getLevel().then(res=>{
					if(res.code==200){
						this.info=res.result;
						console.log(this.info)
					}
				})
			}
		}
	}
</script>

<style lang="scss">
  page{
	  background-color: #fff;
  }
</style>
<style lang="scss" scoped>
	.topLevel{
		background: linear-gradient(0deg,#F8FAFF,#FFEDDB);
		.imgLevel{
			width: 200rpx;
			height: 204rpx;
		}
	}
</style>
